<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 在页面中独占一行的元素，叫做块元素 -->
    <!-- 标题标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>三级标题</h4>
    <h5>三级标题</h5>
    <h6>三级标题</h6>

    <!-- hgroup标签用来为标题分组，可以将一组相关的标题放在里面 -->
    <hgroup>
        <h1>回乡偶书</h1>
        <h2>其二</h2>
    </hgroup>
    <!-- p标签标示一个段落 p标签也是块元素-->
    <p>这是一个段落</p>
    <p>这是一个段落</p>
    <p>这是一个段落</p>

    <!-- em标签用于标示语音语调的加重 -->
    <!-- 在页面中不会独占一行的元素叫做 行内元素 em标签 -->
    <p>今天天气<em>真</em>不错</p>
    <!-- strong标签标示强调 -->
    <p>你今天必须要<strong>完成作业</strong></p>
    <!-- blockquote 标示一个长引用，会换行，缩进且独占一行 -->
    <p>鲁迅说<blockquote>这句话是谁说的？</blockquote></p>
    <!-- q是行内元素，不会独占一行 -->
    <p>子曰 <q>学而时习之</q> </p>
     <!-- br标签标示换行 -->
    <br>
    <p>今天天气真不错</p>
</body>
</html>